﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>VisualShock</title>
    <!--bing地图-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--bing地图-->
    <link href="Styles/vs.default.css" rel="stylesheet" type="text/css" />

    <script src="Scripts/Jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

    <script src="ui/ui.core.js" type="text/javascript"></script>

    <script type="text/javascript" src="ui/ui.accordion.js"></script>

    <link href="themes/start/ui.all.css" rel="stylesheet" type="text/css" />
    <!--表格排序-->
    <link href="Styles/tablesorter.default.css" rel="stylesheet" type="text/css" />

    <script src="Scripts/JqueryPlugIns/jquery.tablesorter.min.js" type="text/javascript"></script>

    <script type="text/javascript">
$(function(){
 $("#accordion").accordion({collapsible: true});
 $("#tablesorter_highlight").tablesorter({
			sortColumn: 'name',					
			sortClassAsc: 'headerSortUp',		
			sortClassDesc: 'headerSortDown',	
			highlightClass: 'highlight', 		
			headerClass: 'header'   			
		});
});
    </script>

</head>
<body>
    <div style="width: 1004px; margin: 0 auto;">
        <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td>
                    <div id="header">
                        <div class="logo">
                            <img src="Images/Logo.png" alt="VS，为了更动人的UI而努力!" />
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="center">
                        <table style="width: 100%;">
                            <tr>
                                <td style="width: 200px; height: 370px;" valign="top">
                                    <div id="center_left">
                                        <div id="accordion">
                                            <h3>
                                                <a href="#">感谢</a></h3>
                                            <div>
                                                <p style="height: 145px;">
                                                    首先感谢jquery作者John Resig给我们带来了这么棒的东西，同时感谢分享jquery插件的朋友们，还要感谢谷歌提供在线的项目管理工具，最后感谢各位的支持。
                                                </p>
                                            </div>
                                            <h3>
                                                <a href="#">目标</a></h3>
                                            <div>
                                                <p>
                                                </p>
                                            </div>
                                            <h3>
                                                <a href="#">特性</a></h3>
                                            <div>
                                                <p>
                                                </p>
                                            </div>
                                            <h3>
                                                <a href="#">项目成员</a></h3>
                                            <div>
                                                <p>
                                                </p>
                                            </div>
                                            <h3>
                                                <a href="#">写在最后</a></h3>
                                            <div>
                                                <p>
                                                    有任何问题请联系：benny1026@live.cn</p>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td valign="top">
                                    <table id="tablesorter_highlight" border="0" cellpadding="0" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>
                                                    事项
                                                </th>
                                                <th>
                                                    参与人数
                                                </th>
                                                <th>
                                                    参与者
                                                </th>
                                                <th>
                                                    Email
                                                </th>
                                                <th>
                                                    时间
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    建立项目
                                                </td>
                                                <td>
                                                    1
                                                </td>
                                                <td>
                                                    李国艺
                                                </td>
                                                <td>
                                                    benny1026@live.cn
                                                </td>
                                                <td>
                                                    2009/11/1
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                                <td>
                                                    ...
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="footer">
                    2009
                    </div>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
